<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
		<script type="text/javascript" src="js/queryloader2.min.js"></script>

		<style>
			body,html{
			    height: 100%;
			}
		</style>

	</head>

	<body>
		<div style="height: 100%; display: none;" id="preload">

			<div class="show-container">
				<div class="bg"></div>
				<img src='img/show-bg01.png' alt="show-bg01" />
				<div class="show-body">
					<div class="video-show">
						<div class="video"><video></video></div>
						<div class="dd">
							<div class="love">
								<img src="img/love.png" alt="love" />
							</div>
							<div class="sroll">
								<div class="head">
									<a href="#"><img src="img/a.jpg" alt="a" /></a>
									<a href="#"><img src="img/a.jpg" alt="a" /></a>
									<a href="#"><img src="img/a.jpg" alt="a" /></a>
									<a href="#"><img src="img/a.jpg" alt="a" /></a>
									<a href="#"><img src="img/a.jpg" alt="a" /></a>
									<a href="#"><img src="img/a.jpg" alt="a" /></a>
									<a href="#"><img src="img/a.jpg" alt="a" /></a>
									<a href="#"><img src="img/a.jpg" alt="a" /></a>
								</div>
							</div>
						</div>
					</div>
					<div class="show-content">
						<div class="left">此处为参赛者留言此处为参赛者留言</div>
						<div class="right">
							<p>239<small>票</small></p>
						</div>
					</div>
					<div class="action">
						<div class="line1">
							<a href="javascript:void(0);"><span>我要参加</span></a>
							<a id="votes" href="javascript:void(0);"><span>给我投票</span><label class="num" style="display: none;">+1</label></a>
							<div class="clear"></div>
						</div>
						<div class="line2">
							<a id="ckpm" href="javascript:void(0);">查看排名</a>
							<a id="rules" href="javascript:void(0);">活动规则</a>
							<div class="clear"></div>
						</div>
					</div>
					
					
				</div>
				<img class="bg01" src="img/bg01.png" alt="bg01" />
			</div>
			<!--show-container end-->
			
			<div class="cover-paih" id="phb" style="display: none;">
				<div class="pop-paih">
					<div class="pop-close">
						<b></b>
					</div>
					<div class="paih-content">
						<table>
							<tr class="title">
								<td>名次</td>
								<td>投票数</td>
								<td>头像</td>
								<td>微信昵称</td>
							</tr>
							<tr>
								<td>1</td>
								<td>345</td>
								<td><img src="img/a.jpg" alt="a" /></td>
								<td>llll888</td>
							</tr>
							<tr>
								<td>2</td>
								<td>325</td>
								<td><img src="img/a.jpg" alt="a" /></td>
								<td>llll888</td>
							</tr>
							<tr>
								<td>3</td>
								<td>311</td>
								<td><img src="img/a.jpg" alt="a" /></td>
								<td>llll888dsfdsssssssssssssssssssssssssssssssssssssssssssssssss</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			
			<!--活动规则-->
	        <div id="hdgz" style="display: none; position:absolute;left:0; top:0; width:100%; height:100%;">
		        <div class="cover-box">	        	
		            <div class="pop-box pop-level">
		                <div class="pop-close">
		                    <b></b>
		                </div>
		                <div class="pop-content">
							<h2>【活动规则】</h2>	                		                	
							<p><em>报名对象：</em>5-12岁小朋友，性别不限</p>
							<ul class="content01"><em>活动时间：</em>						
								<li>10月18日-10月24日网上投票</li>
								<li>10月25日&nbsp;&nbsp;初赛&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;14:30-16:00</li>       
								<li>11月1日&nbsp;&nbsp;半决赛&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;14:30-16:00</li>   
								<li>11月8日&nbsp;&nbsp;童话大王决赛及颁奖典礼&nbsp;&nbsp;14:30-17:00</li>   	
							</ul>
							<ul class="content02"><em>参赛细则：</em>
								<li>1.家长凭真实姓名、电话登陆凯德•世纪名邸微信平台，认证参赛资格；</li>
								<li>2.参赛题材：各种童话故事；</li>
								<li>3.上传儿童才艺表演原创微视频（视频大小不超过5M）（仅限1次，不能重复上传）；</li>
								<li>4.参赛者分享自己参赛成功的微信活动链接到朋友圈，邀请朋友投票，每个微信号每天限投1票；</li>
								<li>5.截止到活动结束，获取投票前30名小朋友可获得决赛资格。</li>	
							</ul>	           	                	
							<h2>【奖品设置】</h2>
							<p>丽星邮轮家庭旅行、香薰山谷景区家庭礼包</p>	                		                	        		                	
		                </div>
		            </div>
		        </div>
	        </div>



		</div>

		<script>
			$("body").queryLoader2({
	            barColor: "#efefef",
	            backgroundColor: "#111",
	            percentage: true,
	            barHeight: 1,
	            minimumTime: 200,
	            fadeOutTime: 1000,
	            onComplete: function () {
	                $("#preload").show();             
			                
			                
                	$("#ckpm").on("click", function() {
						$("#phb").show();
					});
					$("#phb").on("click", function() {
						$(this).hide();
					});						
					
					$("#rules").on("click", function() {
						$("#hdgz").show();
					});
					$("#hdgz").on("click", function() {
						$(this).hide();
					});
					
					$("#votes").on("click", function() {
						$(".num").show();
					});
							
	            }
	        });
		</script>
	</body>

</html>